<template>
    <div id="app">
        <app-header></app-header>
        <div class="app">
            <user-box></user-box>
            <chat-box></chat-box>
        </div>
    </div>
</template>

<script>
import appHeader from "./components/AppHeader.vue";
import userBox from "./components/UserBox.vue";
import chatBox from "./components/ChatBox.vue";

export default {
    name: "app",
    components: {
        appHeader,
        chatBox,
        userBox
    }
};
</script>

<style>
.app{
    margin: 5px;
}
</style>
